<div class="tab">
  <ul>
    <li><a href="#tab1">엑셀입력</a></li>
    <li><a href="#tab2">직접입력</a></li>
  </ul>
  <div id="tab1">
    <section class="accordion">
      <h4>참나무시들음병 등록</h4>
      <div>
        <div class="btn_fr">
          <button type="button close_btn">발생조사 업로드 양식 다운로드</button>
        </div>
        <form>
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="searchTb">
            <tr>
              <th scope="row">발생조사 파일 업로드</th>
              <td colspan="3"><label for="fileField"></label>
                <input type="file" name="fileField" id="fileField" /></td>
            </tr>
          </table>
          <div class="btn_dp">
            <button type="button" onclick="loadData()">전송</button>
          </div>
        </form>
      </div>
    </section>
    <section class="accordion">
      <h4>참나무시들음병 업로드 목록</h4>
      <div class="ui-content-grid">
        <table id="regist_list">
        </table>
        <div id="regist_pager"> </div>
      </div>
    </section>
    <script type="text/javascript">
    
            jQuery("#regist_list").jqGrid({        
                url:'/sample/data4.json',
                datatype: "json",
                colModel:[
				 {name:'발생조사관리번호' ,	width:100, 	align:"center"}
				,{name:'관리 기관구분' ,	width:55, 	align:"center"}
				,{name:'발생X좌표' ,	width:70, 	align:"center"}
				,{name:'발생Y좌표' ,	width:70, 	align:"center"}
				,{name:'발생지' ,	width:200, 	align:"left"}
				,{name:'지번' ,	width:30, 	align:"center"}
				,{name:'기타' ,	width:30, 	align:"center"}
				,{name:'경급' ,	width:100, 	align:"center"}
				,{name:'감염목구분' ,	width:100, 	align:"center"}
				,{name:'시료채취유무' ,	width:100, 	align:"center"}
				,{name:'검경요청여부' ,	width:100, 	align:"center"}
				,{name:'예찰자직급' ,	width:100, 	align:"center"}
				,{name:'예찰자성명' ,	width:100, 	align:"center"}
				,{name:'예찰일' ,	width:100, 	align:"center"}
				,{name:'입력자' ,	width:100, 	align:"center"}
				,{name:'입력일시' ,	width:100, 	align:"center"}
                ]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_pager'
                , viewrecords: true
                , caption : ''
                , autowidth : true
                , shrinkToFit : false
                , forceFit : true
            });
            jQuery("#jsonmap").jqGrid('navGrid','#pjmap',{edit:false,add:false,del:false});
            jQuery("#jsonmap").jqGrid("setFrozenColumns");
            </script>
    <section class="accordion">
      <h4>업로드 오류목록</h4>
      <div class="ui-content-grid">
		<table id="regist_error_list"></table>
        <div id="regist_error_paper"></div>
        <div class="btn_dp">
          <button type="button" onclick="loadData()">저장 </button>
          <button type="button">닫기</button>
        </div>
      </div>
    </section>
    <script type="text/javascript">
		 jQuery("#regist_error_list").jqGrid({        
                url:'/sample/data7.json',
                datatype: "json",
                colModel:[
					 {name:'병해충명' ,	width:100, 	align:"center"}
                    ,{name:'행' ,	width:100, 	align:"center"}
                    ,{name:'열' ,	width:100, 	align:"center"}
                    ,{name:'오류내용' ,	width:300, 	align:"left"}
                ]
                , rowNum:20
                , rowList:[10,20,30]
                , pager: '#regist_error_paper'
                , viewrecords: true
                , caption : ''
				, height : '100px'
                , autowidth : true
//                , shrinkToFit : false
            });
            jQuery("#jsonmap").jqGrid('navGrid','#pjmap',{edit:false,add:false,del:false});
            jQuery("#jsonmap").jqGrid("setFrozenColumns");
	</script> 
  </div>
  <div id="tab2">
    <form name="form1" method="post" action="">
      <table width="100%" cellpadding="0" cellspacing="0" class="searchTb">
        <tr>
          <th colspan="2">병해충명</th>
          <td colspan="3">참나무시들음병</td>
        </tr>
        <col width="139" />
        <col width="72" />
        <col width="290" />
        <tr>
          <th colspan="2">관리행정기관</th>
          <td colspan="3"><label for="textfield"></label>
            <select name="select5" id="select5">
              <option>강릉</option>
          </select></td>
        </tr>
        <tr>
          <th width="75" rowspan="2">발생위치</th>
          <th width="75">X좌표</th>
          <td colspan="3"><input name="textfield2" type="text" id="textfield2" value="123.123" />
            <a href="#" class="btn layer">지도로 찾기</a></td>
        </tr>
        <tr>
          <th>Y좌표</th>
          <td colspan="3"><input name="textfield3" type="text" id="textfield3" value="456.456" /></td>
        </tr>
        <tr>
          <th rowspan="3">발생주소</th>
          <th>주소</th>
          <td colspan="3"><input name="textfield4" type="text" disabled="disabled" id="textfield4" value="경기도 고양시 고양동 고양1리" size="80" maxlength="80" />
          <a href="#" class="btn layer">주소검색</a></td>
        </tr>
        <tr>
          <th>지번</th>
          <td colspan="3"><input name="textfield8" type="text" id="textfield8" value="11-1" />
          　</td>
        </tr>
        <tr>
          <th>기타특징</th>
          <td colspan="3"><input name="textfield9" type="text" id="textfield9" size="50" /></td>
        </tr>
        <tr>
          <th colspan="2">경급</th>
          <td><label for="select"></label>
            <select name="select" id="select">
              <option>선택</option>
            </select></td>
          <th>수종</th>
          <td><select name="select2" id="select2">
            <option>선택</option>
          </select></td>
        </tr>
        <tr>
          <th colspan="2">임종</th>
          <td><input type="text" name="textfield" id="textfield6" class="datapicker"/></td>
          <th width="150">임상</th>
          <td><input type="text" name="textfield" id="textfield7" class="datapicker"/></td>
        </tr>
        <tr>
          <th colspan="2">예찰일</th>
          <td colspan="3"><input type="text" name="textfield10" id="textfield10" class="datepicker"/></td>
        </tr>
        <tr>
          <th colspan="2">예찰자 직급</th>
          <td><input type="text" name="textfield10" id="textfield10" class="datapicker"/></td>
          <th>예찰자 성명</th>
          <td><input type="text" name="textfield5" id="textfield5" class="datapicker"/></td>
        </tr>
        <tr>
          <th colspan="2">발생면적</th>
          <td colspan="3"><input name="textfield7" type="text" disabled="disabled" id="textfield14"/>
            * (본당 0.01)</td>
        </tr>
        <tr>
          <th colspan="2">ha당 본수</th>
          <td><input type="text" name="textfield6" id="textfield11" class="datapicker"/></td>
          <th>ha당 피해본수</th>
          <td><input type="text" name="textfield6" id="textfield12" class="datapicker"/></td>
        </tr>
        <tr>
          <th colspan="2">피해도</th>
          <td colspan="3"><input name="textfield7" type="text" disabled="disabled" id="textfield15" value="80%"/>
            * ha당피해본수 / ha당 본수 * 100</td>
        </tr>
        <tr>
          <th colspan="2">조사착수일</th>
          <td><input type="text" name="textfield11" id="textfield" class="datepicker"/></td>
          <th>조사완료일</th>
          <td><input type="text" name="textfield12" id="textfield16" class="datepicker"/></td>
        </tr>
        <tr>
          <th colspan="2">비고</th>
          <td colspan="3"><textarea name="textarea" id="textarea" cols="45" rows="5">비고란에 메모를 작성해주세요</textarea></td>
        </tr>
      </table>
      <div class="btn_dp">
        <button type="button">저장</button>
        <button type="button">닫기</button>
      </div>
    </form>
  </div>
</div>
